@charset "utf-8";
.web {
    a:hover {
        text-decoration: none;
    }
    input {
        outline: none;
    }
    .ticket-box {
        color: #666;
        form {
            width: auto;
            height: auto;
            display: block;
        }
        .ticket-type {
            font-size: 20px;
            margin: 20px 0 10px 0;
            border: none;
            p {
                mark {
                    color: #fff;
                    background-color: #458B00;
                    padding: 5px 8px;
                    border-radius: 4px;
                    margin: 0 10px 0 16px;
                }
                span{
                    padding: 5px 8px;
                    border-radius: 4px;
                    margin: 0 10px 0 16px;
                    border: 1px solid transparent;
                    transition: 1.5s;
                    &:hover {
                        border-color: #458B00;
                        background: #fff;
                        color: #458B00;
                        border-radius: 4px;
                    }
                }
            }
        }
        .form-input {
            font-size: 20px;
            border: none;
            p {
                line-height: 3;
            }
            label {
                display: inline-block;
                max-width: 100%;
                margin-bottom: 5px;
                font-weight: bold
            }
            input {
                width: 250px;
                height: 30px;
                border: 1px solid #ccc;
                background-color: #fff;
                border-radius: 4px;
                padding: 5px;
                font-size: 18px;
                color: #666;
                margin: 0 0 0 16px;
                &:hover{
                    color: red;
                }
            }
        }
        .form-left {
            display: inline-block;
        }
        .form-right {
            display: inline-block;
        }
        .a-button {
            display: inline-block;
            p {
                line-height: 3;
                text-align: center;
                button {
                    display: inline-block;
                    width: 90px;
                    height: 90px;
                    line-height: 90px;
                    border-radius: 4px;
                    background-color: #f60;
                    color: #fff;
                    font-size: 20px;
                    text-align: center;
                    border: none;
                    cursor: pointer;
                    position: relative;
                    top: 18px;
                    border: 1px solid transparent;
                    transition: 1.5s;
                    &:hover {
                        border-color: rgba(255, 102, 0, 0.9);
                        background: #fff;
                        color: #f60;
                    }
                }
            }
        }
        .new-ticket {
            ul {
                margin: 20px 0 0 0;
                li {
                    display: inline-block;
                    padding: 5px 10px;
                    cursor: pointer;
                    border: 1px solid transparent;
                    transition: 1.5s;
                    &:hover {
                        border-color: #458B00;
                        background: #fff;
                        color: #458B00;
                        border-radius: 4px;
                    }
                    &:nth-child(2) {
                        background-color: #458B00;
                        border-radius: 4px;
                        color: #fff;
                    }
                }
                .new-ticket li:first-child {
                    padding-left: 0;
                }
            }
            table {
                color: black;
                width: 100%;
                border-collapse: collapse;
                margin: 20px 0 0 0;
                border: 1px solid #ddd;
                th {
                    text-align: center;
                    height: 50px;
                    line-height: 50px;
                    border-bottom: 1px solid #ddd;
                    font-weight: normal;
                    padding: 0;
                }
                td {
                    height: 50px;
                    line-height: 50px;
                    text-align: center;
                    border-bottom: 1px solid #ddd;
                    padding: 0;
                }
                .price {
                    color: #f60;
                }
                .reserve {
                    display: inline-block;
                    width: 80px;
                    height: 35px;
                    line-height: 35px;
                    border-radius: 4px;
                    background-color: #f60;
                    color: #fff;
                    font-size: 20px;
                    text-align: center;
                    border: 1px solid transparent;
                    transition: 1.5s;
                    &:hover {
                        border-color: rgba(255, 102, 0, 0.9);
                        background: #fff;
                        color: #f60;
                    }
                }
            }
            tfoot {
                td {
                    .more2 {
                        text-align: center;
                        font-size: 18px;
                        margin: 0 auto;
                        cursor: pointer;
                        display: block;
                        color: #666;
                    }
                }
            }
        }
    }
}

@media (max-width:992px) {
    .form-input p {
        line-height: 2 !important;
    }
    .form-input input {
        width: 98% !important;
        height: 35px !important;
        margin: 0 !important;
    }
    .tic-h2 {
        margin-top: 40px !important;
    }
}

@media (max-width:991px) and (min-width:768px) {
    .form-input .submit {
        display: block !important;
        width: 30% !important;
        height: auto !important;
        line-height: 2 !important;
        position: relative !important;
        top: 10px !important;
        margin: 0 auto !important;
    }
}

@media (max-width:767px) and (min-width:480px) {
    .form-input,
    .form-input .submit {
        font-size: 16px !important;
    }
    .form-input .submit {
        display: block !important;
        width: 30% !important;
        height: auto !important;
        line-height: 2 !important;
        position: relative !important;
        top: 10px !important;
        margin: 0 auto !important;
    }
}

@media (max-width:479px) {
    .form-input,
    .form-input .submit {
        font-size: 14px !important;
    }
    .form-input .submit {
        display: block !important;
        width: 30% !important;
        height: auto !important;
        line-height: 2 !important;
        position: relative !important;
        top: 10px !important;
        margin: 0 auto !important;
    }
}